$(function () {
  // 柱图1
  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById('chart1'));

  // 指定图表的配置项和数据
  var option = {
    title: {
      text: '2019年每月销售量'
    },
    tooltip: {},
    legend: {
      data: ['总数']
    },
    xAxis: {
      data: ["一月", "二月", "三月", "四月", "五月", "六月"]
    },
    yAxis: {},
    series: [
      {
        name: '总数',
        type: 'bar',
        data: [8032, 6345, 10133, 9123, 7113, 5134, 4444]
      },
      {
        data: [8032, 6345, 10133, 9123, 7113, 5134, 4444],
        type: 'line'
      }
    ]
  };

  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);


  // 饼图
  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById('chart2'));
  option2 = {
    title: {
      text: '热销品牌排行',
      subtext: '2019年',
      x: 'center'
    },
    tooltip: {
      trigger: 'item',
      formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
      orient: 'vertical',
      left: 'left',
      data: ['阿迪达斯', '李宁', '耐克', '安踏', '三叶草']
    },
    series: [
      {
        name: '访问来源',
        type: 'pie',
        radius: '55%',
        center: ['50%', '60%'],
        data: [
          { value: 235, name: '阿迪达斯' },
          { value: 310, name: '李宁' },
          { value: 334, name: '耐克' },
          { value: 445, name: '安踏' },
          { value: 248, name: '三叶草' }
        ],
        itemStyle: {
          emphasis: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: 'rgba(0, 0, 0, 0.5)'
          }
        }
      }
    ]
  };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option2);
})
